<include file="public@header" />
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a href="{:url('student/index')}">所有学生</a></li>
        <li><a href="{:url('student/add')}">添加学生</a></li>
    </ul>
    <form class="well form-inline margin-top-20"  method="get" action="{:url('student/index')}">
        学校名称:
        <select name="school_id" id="selectSchool" class="form-control">
            <option value="0">请选择学校</option>
            <volist name="$school" id="vo">
                <if $Request.param.school_id == $vo.id>
                    <option value="{$vo.id}" selected>{$vo.name}</option>
                    <else>
                        <option value="{$vo.id}">{$vo.name}</option>
                    </else>
                </if>
            </volist>
        </select>
        班级名称:
        <select name="room_id" class="form-control" id="room">
            <option value="">请选择班级</option>
            <volist name='room_id' id="vo">
                <if $Request.param.room_id==$vo.id>
                    <option value="{$vo.id}" selected>{$vo.name}</option>
                    <else/>
                    <option value="{$vo.id}">{$vo.name}</option>
                </if>
            </volist>
        </select>
        学生姓名:
        <input type="text" class="form-control" name="name" style="width: 120px;" value="{$Request.param.name}" placeholder="请输入学生名称">
        <input type="submit" class="btn btn-primary" value="搜索" />
        <a class="btn btn-danger" href="{:url('student/index')}">清空</a>
    </form>
    <table class="table table-hover table-bordered">
        <thead align="center">
        <tr>
            <th width="60">ID</th>
            <th>头像</th>
            <th>姓名</th>
            <th>性别</th>
            <th>身份证号</th>
            <th>家庭住址</th>
            <th>所属班级</th>
            <th>所属学校</th>
            <th>创建时间</th>
            <th width="160">{:lang('ACTIONS')}</th>
        </tr>
        </thead>
        <tbody>
        <foreach name="student" item="vo">
            <tr>
                <td>{$key+1}</td>
                <td>
                    <eq name="$vo.image" value="">
                        暂无
                        <else/>
                        <img src="__ROOT__/upload/{$vo.image}" width="100px">
                    </eq>
                </td>
                <td>{$vo.name}</td>
                <eq name='$vo.sex' value='1'>
                    <td>男</td>
                    <else>
                        <td>女</td>
                    </else>
                </eq>
                <td>{$vo.idcard}</td>
                <td>{$vo.address}</td>
                <td>{$vo.room_name}</td>
                <td>{$vo.school_name}</td>
                <td>{$vo.create_time}</td>
                <td>
                    <a class="btn btn-xs btn-success" href="{:url('student/edit', array('id'=>$vo['id']))}">编辑</a>
                    <a class="btn btn-xs btn-danger js-ajax-delete" href="{:url('student/delete', array('id'=>$vo['id']))}">删除</a>
                </td>
            </tr>
        </foreach>
        </tbody>
    </table>
    <div class="pagination">{$page}</div>
</div>
<script src="__STATIC__/js/admin.js"></script>
<script src="__STATIC__/layui/layui.all.js"></script>
<script>
    layui.use('upload', function() {
        var upload = layui.upload;
        var uploadInst=upload.render({
            //要监听的元素
            elem:"#import",
            url:"{:url('student/importExcel')}",
            accept: 'file',
            //请求成功时
            done: function (res) {
                layer.msg('成功导入'+res.success+'条数据');
                setTimeout(function () {
                    location.reload();
                },2000)
            }
        });
    });
</script>
    <script>
    $(function () {
        $('#selectSchool').change('click',function () {
            var schoolId = $('#selectSchool').val();
            $.ajax({
                url:"{:url('student/getAdd')}",
                type:"POST",
                data:{school_id:schoolId},
                success:function (res) {
                    $('#room').html(res);
                }
            })
        })
    })
</script>
</body>
</html>